import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
    // vue路由的全局钩子函数
    //组件跳转前监听所有的路由变化 
    // 用来作为路由守卫使用和权限判断
router.beforeEach((to, from, next) => {
        // to----即将进入的组件
        // from --即将离开的组件
        // next() //继续执行跳转
        // next(false)中断当前的导航。如果浏览器的 URL 改变了，那么 URL 地址会重置到 from 路由对应的地址。
        // next("/about") // 跳转其他组件路径
        console.log(to)
            // to.path 跳转路径  to.name 名称  to.query to.params to.meta 
            // from.path 跳转路径 from.name 名称  from.query from.params from.meta 
        console.log(from)
        if (to.name == "Cart") {
            if (localStorage.token) {
                next();
            } else {
                next("/login"); //如果未登录去到关于页面
            }
        }
        next();
    })
    //组件跳转后监听所有的路由变化 
    // router.afterEach((to, from) => {
    // })
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')